タグNO.26) ★ タグ ★
○太文字1 (http://plaza.rakuten.co.jp/~~~~) …ここに外側の背景画像のアドレスをいれます。 ○太文字2 (font-size:11pt;color:#000066;font-family:Verdana;) …ここで文字に関する指定をしています。。 お好みで文字サイズ・色・書体を変更してください。 ○太文字3 (background:#00FFFF;) …内側のboxの背景色を指定しています。 ○太文字4 (#00FFFF) …4隅の■の色を指定しています。 ※一文で書いてるので構造がわかりにくいと思いますが、楽天の日記ではヘンに改行 してしまうと余計なスペースがあいてしまい、レイアウトがおかしくなってしまいます。 なので、改行しないで一文で書いてください。 作るときは上のタグをコピーしてタグとタグの間を改行するとみやすいです。 青い部分がboxのタグです。 テーブルタグの中にboxを組み込んでるワケです。 構造は… あ い う え お か き く け となっていて、テーブル全体に背景画像をつけ、 「あ」「う」「き」「け」に背景色をつけ、 「お」の部分にboxを入れて本文を書いています。 タグは…
となっています。 テーブルタグと表示を見比べて相対関係をつかんでください。 テーブルタグの特徴もつかめるハズです。 7) ◆タグ◆ ■ここにタイトル■ ■ここに本文■ ○基本形式は次の通りです。 ■タイトル■ ■本 文■ 8) ~ ここにタイトル ~ 「1」 「2」 ★ここに解説文★ 「3」 「4」 「5」 「6」 Template by:せつら$ ■ソース■
9)★ タグ ★
○太文字1 (http://plaza.rakuten.co.jp/~~~~(1)) …ここに右上に入れる画像のアドレスをいれます。 ○太文字2 (http://plaza.rakuten.co.jp/~~~~(2)) …ここに左下に入れる画像のアドレスをいれます。 ○太文字3 (font-size:10pt;color:#0000CC;font-family:Verdana;) …ここで文字に関する指定をしています。。 お好みで文字サイズ・色・書体を変更してください。 ○太文字4 (border:solid 1px #000099;・border:solid 1px #CC3366;) …ここでセルの枠の指定をしています。。 基本構造は次のとおりです。 ★ここに内容1★ ★ここに画像1★ ★ここに画像2★ ★ここに内容2★ 10)★ タグ ★
○太文字1 (font-size:11pt;color:#000066;font-family:Verdana;) …ここで文字に関する指定をしています。。 お好みで文字サイズ・色・書体を変更してください。 ○太文字2 (http://plaza.rakuten.co.jp/~~~~) …ここにboxの右下に表示する画像のアドレスをいれます。 ○太文字3 (#6699FF) …外枠の色を指定しています。 ○太文字4 (#CC6699) …ここで「*」の色を指定しています。 |